<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta name="author" content="fernandoguillen.info">
		<meta name="keywords" content="geo alertas, alertas, geolocalizacion, open movil forum">
		<meta name="description" content="Sistema de alertas geolocalizadas">
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8">
		<meta http-equiv="content-style-type" content="text/css">
		<link rel="shortcut icon" href="images/favicon.ico" />
		<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.5.1/build/reset/reset-min.css">
		<link href="css/html.css" rel="stylesheet" type="text/css">
		<link href="css/style.css" rel="stylesheet" type="text/css">
		<title>geoAlertas: Alertas Listar</title>
	</head>
	<body>
		<div id="bordes">
			<div id="contenedor">
				<div id="cabecera">
					<h1>geoAlertas</h1>
					<p>Tus alertas según tu posición</p>
				</div> <!-- cabecera -->
				
				<div id="barra_usuario">
					usuario <strong>fguillen.mail@gmail.com</strong>
					<a href="login.html">salir</a>
				</div> <!-- barra_usuario -->
				
				<div id="barra_migas_pan">
					nueva alerta
				</div> <!-- barra_usuario -->
				
				<div id="barra_mensajes">
					Esto es un mensaje
				</div> <!-- barra_mensaje -->
				
				<div id="contenido" class="nueva_alerta">
				
					<div id="barra_instrucciones">
						Aquí puedes ver todas las alertas que has creado
						ordenadas por la actualizada más recientemente.
						Las alertas se mostrarán tanto si están activas como si no.
					</div> <!-- barra_mensaje -->

					<div id="col_izq">
						<div class="bloque_alerta">

							<h3>Nicolás Morales 38, 28019, Madrid</h3>
							<span class="alerta_metros">(100m)</span>

							<div class="alerta_mapa_001">
								<img src="./images/mapa.jpeg" />
							</div>

							<div class="alerta_nota">
								<p class="alerta_nota">Estás cerca de la panadería, acuérdate
								de comprar una hogaza.</p>	
							</div>
							
							<div class="alerta_info">
								<p>Ultima actualización el 30 de Mayo a las 21:30</p>
								<p>Ultimo envío el 30 de Mayo a las 22:30</p>
								<p>Esta alerta está <strong>activa</strong></p>
							</div>
							
							<div class="alerta_controles">
								<a href="alertas_nueva.html">editar</a>
							</div>
							
						</div>
						
						<div class="bloque_alerta">

							<h3>Nicolás Morales 38, 28019, Madrid</h3>
							<span class="alerta_metros">(100m)</span>

							<div class="alerta_mapa_001">
								<img src="./images/mapa.jpeg" />
							</div>

							<div class="alerta_nota">
								<p class="alerta_nota">Estás cerca de la panadería, acuérdate
								de comprar una hogaza.</p>	
							</div>
							
							<div class="alerta_info">
								<p>Ultima actualización el 30 de Mayo a las 21:30</p>
								<p>Ultimo envío el 30 de Mayo a las 22:30</p>
								<p>Esta alerta está <strong>activa</strong></p>
							</div>
							
							<div class="alerta_controles">
								<a href="alertas_nueva.html">editar</a>
							</div>
							
						</div>
						
						<div class="bloque_alerta">

							<h3>Nicolás Morales 38, 28019, Madrid</h3>
							<span class="alerta_metros">(100m)</span>

							<div class="alerta_mapa_001">
								<img src="./images/mapa.jpeg" />
							</div>

							<div class="alerta_nota">
								<p class="alerta_nota">Estás cerca de la panadería, acuérdate
								de comprar una hogaza.</p>	
							</div>
							
							<div class="alerta_info">
								<p>Ultima actualización el 30 de Mayo a las 21:30</p>
								<p>Ultimo envío el 30 de Mayo a las 22:30</p>
								<p>Esta alerta está <strong>activa</strong></p>
							</div>
							
							<div class="alerta_controles">
								<a href="alertas_nueva.html">editar</a>
							</div>
							
						</div>
						
						<div class="bloque_alerta">

							<h3>Nicolás Morales 38, 28019, Madrid</h3>
							<span class="alerta_metros">(100m)</span>

							<div class="alerta_mapa_001">
								<img src="./images/mapa.jpeg" />
							</div>

							<div class="alerta_nota">
								<p class="alerta_nota">Estás cerca de la panadería, acuérdate
								de comprar una hogaza.</p>	
							</div>
							
							<div class="alerta_info">
								<p>Ultima actualización el 30 de Mayo a las 21:30</p>
								<p>Ultimo envío el 30 de Mayo a las 22:30</p>
								<p>Esta alerta está <strong>activa</strong></p>
							</div>
							
							<div class="alerta_controles">
								<a href="alertas_nueva.html">editar</a>
							</div>
							
						</div>

					</div> <!-- col_izq -->
					
				</div> <!-- contenido -->
				
				<div id="pie">
					<ul>
						<li><a href="http://open.movilforum.com/wiki/index.php/GeoAlertas" title="wiki geoAlertas">wiki</a></li>
						<li><a href="http://geoalertas.blogspot.com" title="blog geoAlertas">blog</a></li>
						<li><a href="http://fernandoguillen.info" title="fernando guillen">autor</a></li>
						<li><a href="#">código</a></li>
					</ul>
				</div> <!-- pie -->
				
			</div> <!-- contenedor -->
			
		</div> <!-- bordes -->
		
		<!-- google analytics -->
		<script type="text/javascript">
		var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
		document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
		</script>
		<script type="text/javascript">
		var pageTracker = _gat._getTracker("UA-4267505-1");
		pageTracker._initData();
		pageTracker._trackPageview();
		</script>


	</body>
</html>

